* {
	margin: 0;
	padding: 0;
}

html,
body,
#page {
	height: 100%;
}

body>#page {
	height: auto;
	min-height: 100%;
}

#container {
	/*padding-bottom: 70px;*/
	background-color: white;
}

#footer {
	position: relative;
	margin-top: -70px;
	height: 70px;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	/*height: 1%;*/
}

.clearfix {
	display: block;
}

body {
	background: #2a2b2d url('../img/bg_vert.jpg') repeat-x;
	font: 13px/1.3 'Microsoft Yahei', '宋体';
	color: #999;
}

#page,
#footer_inner {
	margin: 0 auto;
	width: 960px;
}

h1#logo {
	background: url('../img/logo.jpg') no-repeat 50% 25px;
	overflow: hidden;
	height: 93px;
	padding: 25px 0;
}

h1#logo a {
	display: block;
	text-indent: -9999px;
	height: 93px;
}

#container {
	margin: 0 auto;
}

#container h2 {
	font-weight: normal;
	line-height: 28px;
}

#container p {
	padding: 10px 0;
}

.credit {
	text-align: center;
	padding: 20px 0 100px;
	font-size: 10px;
}

a,
a:visited {
	text-decoration: none;
	outline: none;
	color: #97cae6;
}

a:hover {
	text-decoration: underline;
}

#footer {
	background-color: #212121;
	width: 100%;
}

#footer h2 {
	font-size: 18px;
	font-weight: normal;
	height: 70px;
	line-height: 70px;
	font-family: "Microsoft Yahei";
	color: #eee;
}

#footer_inner {
	position: relative;
}

#footer a.tzine,
a.tzine:visited {
	color: #FCFCFC;
	font-size: 12px;
	line-height: 70px;
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
}

.demotips {
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
}

.demotips a {
	margin: 0 10px;
}


/*-核心代码-*/


/* Menu style */

#timeline {
	width: 100%;
	height: 41vw;
	overflow: hidden;
	/*margin: 30px auto;*/
	position: relative;
	background: url('../../img/app/dot.gif') left 8.7vw repeat-x;
}

#dates {
	width: 80vw;
	height: 10vw;
	overflow: hidden;
}

#dates li {
	list-style: none;
	float: left;
	width: 33vw;
	height: 10vw;
	font-size: 3vw;
	text-align: center;
	background: url('../../img/app/biggerdot.png') center bottom no-repeat;
}

#dates a {
	line-height: 8.8vw;
	padding-bottom: 1vw;
}

#dates .selected {
	font-size: 5vw;
}

#issues {
	height: 27vw;
	overflow: hidden;
	margin-top: 2vw;
}

#issues li {
	width: 99vw;
	height: 27vw;
	list-style: none;
	float: left;
}
#issues>li>div{
	width: 100%;
	height: 28vw;
}

#issues li img {
	float: left;
	/*margin: 10px 30px 10px 50px;*/
}

#issues li h1 {
	color: #ffcc00;
	font-size: 48px;
	margin: 20px 0;
	text-shadow: #000 1px 1px 2px;
}

#issues li p {
	font-size: 14px;
	margin-right: 70px;
	font-weight: normal;
	line-height: 22px;
	text-shadow: #000 1px 1px 2px;
}

#grad_left,
#grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}

#grad_left {
	left: 0;
	background: url('../images/grad_left.png') repeat-y;
}

#grad_right {
	right: 0;
	background: url('../images/grad_right.png') repeat-y;
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 170px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next:hover,
#prev:hover {
	background-position: 0 -76px;
}

#next {
	right: 0;
	background-image: url('../images/next.png');
}

#prev {
	left: 0;
	background-image: url('../images/prev.png');
}

#next.disabled,
#prev.disabled {
	opacity: 0.2;
}